<template>
	<view class="w">
		<view class="card" v-for="v in list" :key="v.subId" @click="fn(v.subId,v.title)">
			{{ v.title }}
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const list = ref([
	{
		subId:3251,
		title: '企业文化',
		imgUrl: ''
	},
	{
		subId:52352,
		title: '公司制度管理',
		imgUrl: ''
	},
	{
		subId:98463,
		title: '行业和产品知识',
		imgUrl: ''
	},
	{
		subId:523123,
		title: '技能培训',
		imgUrl: ''
	}

])

const fn = (id,title) => {
	console.log(id,title);
	uni.navigateTo({ url:`/pages/class/subject/index?id=${id}&title=${title}`})}
</script>

<style lang="less" scoped>
.card {
	height: 210rpx;
	background-image: linear-gradient(rgb(116, 253, 230), rgb(121, 141, 255));
	border-radius: 14rpx 14rpx 14rpx 14rpx;
	margin-bottom: 20rpx;
}

.w {
	padding-top: 100rpx;
}
</style>